{% if user.is_authenticated %}
<div class="side_bar h-100">
  <ul class="nav nav-pills flex-column me-1">
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 1}"
        class="nav-link"
        href="{% url 'dw' %}"
        >声纹表</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 2}"
        class="nav-link"
        href="{% url 'tutorial:spd_noise' %}"
        >常见潜艇噪音比对</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 3}"
        class="nav-link"
        href="{% url 'file:file' %}"
        >DW Files</a
      >
    </li>
    <!-- <li class="nav-item">
      <a :class="nav-link" href="#contact">Score Board</a>
    </li> -->
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 4}"
        class="nav-link"
        href="{% url 'tutorial:ra_install' %}"
        >RA-mod 安装</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 5}"
        class="nav-link"
        href="{% url 'tutorial:foundation' %}"
        >基础</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 6}"
        class="nav-link"
        href="{% url 'tutorial:tma' %}"
        >TMA</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 7}"
        class="nav-link"
        href="{% url 'tutorial:tma_demo' %}"
        >TMA Demo</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 8}"
        class="nav-link"
        href="{% url 'tutorial:tma_caculate' %}"
        >TMA截图推算</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 9}"
        class="nav-link"
        href="{% url 'tutorial:broadband' %}"
        >宽带声纳</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 10}"
        class="nav-link"
        href="{% url 'tutorial:uuv_setup' %}"
        >RA uuv设定</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 11}"
        class="nav-link"
        href="{% url 'tutorial:torpeto_setup' %}"
        >RA 鱼雷设定</a
      >
    </li>
    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 12}"
        class="nav-link"
        href="{% url 'tutorial:buoy' %}"
        >RA 声纳浮标使用</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 13}"
        class="nav-link"
        href="{% url 'tutorial:subroc_setting' %}"
        >RA 火箭助推鱼雷</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 14}"
        class="nav-link"
        href="{% url 'tutorial:shkval_setting' %}"
        >RA 空泡鱼雷</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 15}"
        class="nav-link"
        href="{% url 'tutorial:cm_setting' %}"
        >RA 潜艇诱饵</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 16}"
        class="nav-link"
        href="{% url 'tutorial:decoy_setting' %}"
        >RA 移动诱饵</a
      >
    </li>

    <li class="nav-item">
      <a
        :class="{active: active_tab_num == 17}"
        class="nav-link"
        href="{% url 'tutorial:multi_players' %}"
        >联机说明</a
      >
    </li>

    <!-- @MARK leftbar should sync with /home/share_samba/django/dw/statics/js/side_bar.js -->
  </ul>
</div>
{% else %} {% endif %}
